<!DOCTYPE HTML>
<html lang="en-US">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>动态</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	
	<!-- bootstrap CSS -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" media="all">
	<!-- carousel CSS -->
	<link rel="stylesheet" href="static/css/owl.carousel.min.css" type="text/css" media="all">
	<!-- animate CSS -->
	<link rel="stylesheet" href="static/css/animate.css" type="text/css" media="all">
	<!-- font-awesome CSS -->
	<link rel="stylesheet" href="static/css/all.min.css" type="text/css" media="all">
	<!-- font-flaticon CSS -->
	<link rel="stylesheet" href="static/css/flaticon.css" type="text/css" media="all">
	<!-- theme-default CSS -->
	<link rel="stylesheet" href="static/css/theme-default.css" type="text/css" media="all">
	<!-- meanmenu CSS -->
	<link rel="stylesheet" href="static/css/meanmenu.min.css" type="text/css" media="all">
	<!-- transitions CSS -->
	<link rel="stylesheet" href="static/css/owl.transitions.css" type="text/css" media="all">
	<!-- venobox CSS -->
	<link rel="stylesheet" href="static/css/venobox.css" type="text/css" media="all">
	<!-- bootstrap icons -->
	<link rel="stylesheet" href="static/css/bootstrap-icons.css" type="text/css" media="all">
	<!-- Slick Slider -->
	<link rel="stylesheet" type="text/css" href="static/css/slick.css">
	<link rel="stylesheet" type="text/css" href="static/css/slick-theme.css">
	<!-- Main Style CSS -->
	<link rel="stylesheet" href="static/css/style.css?v=sh123456789" type="text/css" media="all">
	<!-- Dropdown CSS -->
	<link rel="stylesheet" href="static/css/dropdown.css" type="text/css" media="all">
	<!-- responsive CSS -->
	<link rel="stylesheet" href="static/css/responsive.css?v=sh123456789" type="text/css" media="all">
	<!-- rangeslider CSS -->
	<link rel="stylesheet" href="static/css/rangeslider.css" type="text/css" media="all">
	<!-- modernizr js -->
	<script src="static/js/modernizr-3.5.0.min.js"></script>
</head>

<body>
	<!-- loder -->
	<div class="loader_bg">
		<div class="loader"></div>
	</div>
	<header class="header-area" id="sticky-header">
		<div class="row align-items-center">
			<div class="col-lg-3">
				<div class="logo pl-90">
					<a href=""><img src="static/image/homepage/logol.png" alt=""></a>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="header-menu">
					<ul>
						<li ><a href="index.html">首页 </a></li>
						<li><a href="organ.html">机构</a></li>
						<li><a href="policy.html">政策 </a>
						</li>
						<li style="background:rgba(55, 100, 142, 1)"><a href="dongtai.html">动态</a>
						</li>
						<li><a href="#">清单 </a>
						</li>
						<li><a href="#">资源 </a>
						</li>
						<li><a href="academic.html">学术</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="">
					<form action="#" method="post" id="ttime">
						<div class="newsletter-form wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
							<div class="form-field">
								<input type="email" name="EMAIL" placeholder="Newsletter" required="">
								<button class="newsletter-button" type="submit"><i class="bi bi-search"></i></button>
							</div>
						</div>
						<div id="post"></div>
					</form>
					<a href="http://admin.bridgebj.com/" target="_blank" class="pl-25 login-btn"><img src="static/image/homepage/login.svg" alt=""></a>
				</div>
			</div>
		</div>
		<div class="container">
			
		</div>
	</header>
	<!-- paints Mobile Menu Area -->
	<div class="mobile-menu-area" id="navbar">
		<div class="mobile-menu">
			<div class="mobile-logo">
				<a href="index.html"><img src="static/picture/logo.png" alt=""></a>
			</div>
			<div class="side-menu-info">
				<div class="sidebar-menu">
					<a class="navSidebar-button" href="#"><i class="bi bi-justify-right"></i></a>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Header Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Breatcome Area -->
	<!--==================================================-->
	<div class="breat-area">
		<div class="news-flower" style="top: -150px;"><img  class="img-responsive center-block"src="static/image/homepage/news-flower.png" alt=""></div>
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<div class="breatcome-content">
						<div class="breatcome-title">
							<div class="col-lg-4 col-md-6 offset-lg-4 ">
								<h4><img src="static/image/homepage/dongtai.png" alt=""></h4>
							</div>
						</div>
						<div class="bratcome-text">
							<ul>
								<li><a href="index.html">首页</a></li>
								<li>动态</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="news-flower-left" style="top: 200px;left: -50px;opacity:0.4;"><img  class="img-responsive center-block"src="static/image/homepage/flower-left.png" alt=""></div>
	</div>
	<!--==================================================-->
	<!-- End Breatcome Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Team Area -->
	<!--==================================================-->
	<div class="team-area">
		<div class="container">
		    <div class="row">
		    	<ul class="nav nav-tabs state-nav" id="myTab">
					<li></li>
					<li class="active"><a href="#tab1" data-toggle="tab"><img src="static/image/homepage/stateTitle-1.svg" alt=""></a></li>
					<li><a href="#tab2" data-toggle="tab"><img src="static/image/homepage/stateTitle-2.svg" alt=""></a></li>
				    <li><a href="#tab3" data-toggle="tab"><img src="static/image/homepage/stateTitle-3.svg" alt=""></a></li>
					<li><a href="#tab4" data-toggle="tab"><img src="static/image/homepage/stateTitle-4.svg" alt=""></a></li> 
					<li></li>
				</ul>
		    </div> 
			<div class="row ">
				<div class="col-lg-12">
					<div class="about-content wow fadeInLeft news-list" data-wow-delay="0.2s" data-wow-duration="1s">
						<div id="myTabContent" class="tab-content">
							<div class="tab-pane fade in active show"  id="tab1">
								<div class="row">
									<div class="state-news">
										<div class="row ">
											<div class="col-lg-2 col-md-2 ">
												<div class="state-inform"><span>通知公告</span></div>
											</div>
											<div class="col-lg-10 col-md-10">
												<div class="state-content">
													<div>【社会实践】“青年接力传承·非遗赋能中轴”——“中轴文化”团队活化利用古建资源，开展特色古建科普教育实践活动</div>
													<div>说起卢沟桥，因为今年的永定河洪水引起了大家的关注。上网发现有很多报道、信息传说卢沟桥是明代和清代重建的，现在的卢沟桥已经不是830年前金明昌三年（1192）的原来的卢沟桥了，此说是错误的，是不符合历史记载的。最有说服力的是乾隆皇帝的一篇论文：一、《永定河志·重葺盧溝橋記》乾隆五十一年（1786）二月</div>
													<div><i class="bi bi-clock pr-10"></i>2023.01.13</div>
												</div>
											</div>
										</div>
									</div>
									<div class="state-news">
										<div class="row ">
											<div class="col-lg-2 col-md-2 ">
												<div class="state-inform"><span>通知公告</span></div>
											</div>
											<div class="col-lg-10 col-md-10">
												<div class="state-content">
													<div>【社会实践】“青年接力传承·非遗赋能中轴”——“中轴文化”团队活化利用古建资源，开展特色古建科普教育实践活动</div>
													<div>说起卢沟桥，因为今年的永定河洪水引起了大家的关注。上网发现有很多报道、信息传说卢沟桥是明代和清代重建的，现在的卢沟桥已经不是830年前金明昌三年（1192）的原来的卢沟桥了，此说是错误的，是不符合历史记载的。最有说服力的是乾隆皇帝的一篇论文：一、《永定河志·重葺盧溝橋記》乾隆五十一年（1786）二月</div>
													<div><i class="bi bi-clock pr-10"></i>2023.01.13</div>
												</div>
											</div>
										</div>
									</div>
									<div class="state-news">
										<div class="row ">
											<div class="col-lg-2 col-md-2 ">
												<div class="state-inform"><span>通知公告</span></div>
											</div>
											<div class="col-lg-10 col-md-10">
												<div class="state-content">
													<div>【社会实践】“青年接力传承·非遗赋能中轴”——“中轴文化”团队活化利用古建资源，开展特色古建科普教育实践活动</div>
													<div>说起卢沟桥，因为今年的永定河洪水引起了大家的关注。上网发现有很多报道、信息传说卢沟桥是明代和清代重建的，现在的卢沟桥已经不是830年前金明昌三年（1192）的原来的卢沟桥了，此说是错误的，是不符合历史记载的。最有说服力的是乾隆皇帝的一篇论文：一、《永定河志·重葺盧溝橋記》乾隆五十一年（1786）二月</div>
													<div><i class="bi bi-clock pr-10"></i>2023.01.13</div>
												</div>
											</div>
										</div>
									</div>
									<div class="state-news">
										<div class="row ">
											<div class="col-lg-2 col-md-2 ">
												<div class="state-inform"><span>通知公告</span></div>
											</div>
											<div class="col-lg-10 col-md-10">
												<div class="state-content">
													<div>【社会实践】“青年接力传承·非遗赋能中轴”——“中轴文化”团队活化利用古建资源，开展特色古建科普教育实践活动</div>
													<div>说起卢沟桥，因为今年的永定河洪水引起了大家的关注。上网发现有很多报道、信息传说卢沟桥是明代和清代重建的，现在的卢沟桥已经不是830年前金明昌三年（1192）的原来的卢沟桥了，此说是错误的，是不符合历史记载的。最有说服力的是乾隆皇帝的一篇论文：一、《永定河志·重葺盧溝橋記》乾隆五十一年（1786）二月</div>
													<div><i class="bi bi-clock pr-10"></i>2023.01.13</div>
												</div>
											</div>
										</div>
									</div>
									<div class="state-news">
										<div class="row ">
											<div class="col-lg-2 col-md-2 ">
												<div class="state-inform"><span>通知公告</span></div>
											</div>
											<div class="col-lg-10 col-md-10">
												<div class="state-content">
													<div>【社会实践】“青年接力传承·非遗赋能中轴”——“中轴文化”团队活化利用古建资源，开展特色古建科普教育实践活动</div>
													<div>说起卢沟桥，因为今年的永定河洪水引起了大家的关注。上网发现有很多报道、信息传说卢沟桥是明代和清代重建的，现在的卢沟桥已经不是830年前金明昌三年（1192）的原来的卢沟桥了，此说是错误的，是不符合历史记载的。最有说服力的是乾隆皇帝的一篇论文：一、《永定河志·重葺盧溝橋記》乾隆五十一年（1786）二月</div>
													<div><i class="bi bi-clock pr-10"></i>2023.01.13</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						   <div class="tab-pane fade" id="tab2">内容2</div>
						    <div class="tab-pane fade" id="tab3">内容3</div>
							 <div class="tab-pane fade" id="tab4">内容4</div>
						</div>
					</div>
				</div>
				<!-- 分页 -->
				<div class="">
					<ul class="pagination">
					    <li class="page-item"><a class="page-link" href="#">首页</a></li>
					    <li class="page-item"><a class="page-link" href="#">上一页</a></li>
					    <li class="page-item"><a class="page-link" href="#">1</a></li>
					    <li class="page-item"><a class="page-link" href="#">2</a></li>
					    <li class="page-item"><a class="page-link" href="#">3</a></li>
					    <li class="page-item"><a class="page-link" href="#">4</a></li>
					    <li class="page-item"><a class="page-link" href="#">5</a></li>
					    <li class="page-item"><a class="page-link" href="#">下一页</a></li>
					    <li class="page-item"><a class="page-link" href="#">尾页</a></li>
					</ul>
				</div>
			</div>
			
		</div>
	</div>
	<!--==================================================-->
	<!-- End Team Area -->
	<!--==================================================-->


	<!--==================================================-->
	<!-- Start Sidebar Area手机端菜单 -->
	<!--==================================================-->
	<div class="sidebar-group info-group">
		<div class="sidebar-widget">
			<div class="sidebar-widget-container">
				<div class="widget-heading">
					<a href="#" class="close-side-widget">
						<i class="bi bi-x-lg"></i>
					</a>
				</div>
				<div class="sidebar-textwidget">
					<div class="sidebar-info-contents">
						<div class="content-inner">
							<div class="sidebar-logo">
								<a href="index.html"><img src="static/picture/logo.png" alt="logo"></a>
							</div>
							<div class="sidebar-widget-menu">
								<ul>
									<li class="dropdown"><a href="#" data-toggle="dropdown">Home <i class="icon-arrow"></i></a>
										<ul class="dropdown-menu">
											<li><a href="index.html">Home </a></li>
											<li><a href="landing.html">Home Landing</a></li>
											<li><a href="video.html">Home Video</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="about.html" data-toggle="dropdown">About</a></li>
									<li class="dropdown"><a href="#project" data-toggle="dropdown">Pages <i class="icon-arrow"></i></a>
										<ul class="dropdown-menu">
											<li><a href="service.html">Service</a></li>
											<li><a href="service-details.html">Service Details</a></li>
											<li><a href="">Team</a></li>
											<li><a href="team-detials.html">Team Details</a></li>
											<li><a href="faq.html">Faq Page</a></li>
											<li><a href="contact.html">Contact</a></li>
											<li><a href="error.html">Error Page</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#" data-toggle="dropdown">Service <i class="icon-arrow"></i></a>
										<ul class="dropdown-menu">
											<li><a href="service.html">Service</a></li>
											<li><a href="service-details.html">Service Details</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#" data-toggle="dropdown">Blog <i class="icon-arrow"></i></a>
										<ul class="dropdown-menu">
											<li><a href="blog.html">Blog</a></li>
											<li><a href="blog-details.html">Blog Details</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#" data-toggle="dropdown">Project <i class="icon-arrow"></i></a>
										<ul class="dropdown-menu">
											<li><a href="project-grid.html">Project</a></li>
											<li><a href="projects-details.html">Projects Details</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="contact.html" data-toggle="dropdown">Contacts</a></li>
								</ul>
							</div>
							<div class="contact-info">
								<h2>Contact Info</h2>
								<ul class="list-style-one">
									<li><i class="bi bi-geo-alt-fill"></i>6391 Elgin St. Celina, Delaware</li>
									<li><i class="bi bi-telephone-fill"></i>(+001) 123-456-789</li>
									<li><i class="bi bi-envelope"></i> info@example.com</li>
									<li><i class="bi bi-alarm-fill"></i> Week Days: 08.00 to 10.00
									</li>
								</ul>
							</div>
							<ul class="social-box">
								<li class="facebook"><a href="#" class="fab fa-facebook-f"></a></li>
								<li class="twitter"><a href="#" class="fab fa-instagram"></a></li>
								<li class="linkedin"><a href="#" class="fab fa-twitter"></a></li>
								<li class="instagram"><a href="#" class="fab fa-pinterest-p"></a></li>
								<li class="youtube"><a href="#" class="fab fa-linkedin-in"></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End Sidebar Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start Footer Area -->
	<!--==================================================-->
	<div class="footer-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-2 col-md-6">
				</div>
				<div class="col-lg-4 col-md-6" style="border-right: 1px solid rgba(81, 49, 0, 1);">
					<div class="footer-wiget wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
						<div class="footer-wiget-title">
							<h4><img class="bottomLogol" src="static/image/homepage/bottomLogol.png" alt=""></h4>
						</div>
						<div class="footer-wiget-menu">
							<ul>
								<li><img class="pb-10" src="static/image/homepage/about.png" alt=""></li>
								<li><a href="#"><i class="glyphicon glyphicon-font"></i>联系邮箱</a>|<span>lixuyang@bucea.edu.cn</span></li>
								<li><a href="#">主办单位</a>|<span>北京艺筑科技有限公司</span></li>
								<li><a href="#">学术支持单位</a>|<span>北京建筑大学古桥研究院</span></li>
								<li><a href="#"> 内容指导单位</a>|<span>北京茅以升科技教育基金会</span></li>
								<li><a href="#"> 法律顾问</a>|<span>北京市康达律师事务所&nbsp;&nbsp;张伯阳律师</span></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="footer-wiget wow fadeInUp pt-35" data-wow-delay="0.6s" data-wow-duration="1s">
						<div class="footer-wiget-title pb-10">
							<h4><img  src="static/image/homepage/erweima.png" alt=""></h4>
						</div>
						<div class="footer-wiget-menu">
							<ul>
								<li>北京古桥</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-lg-2 col-md-6 pr-0">
				</div>			
			</div>	
		</div>
		<p class="pt-20">Copyright2023 桥梁在线数字桥梁博物馆 All Rights Reserved<a class="gongan" href="https://beian.mps.gov.cn/#/query/webSearch?code=11010202010808" target="_blank"><img src="static/image/homepage/bei.png" alt="">京公网安备11010202010808号</a> </span> 京ICP备202300768号-2 思源黑体、思源宋体字体免费公益授权  建议使用360极速、Chrome、Firefox浏览器，最佳分辨率1920×1080</p>
	</div>
	<!--==================================================-->
	<!-- End Footer Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start scrollup section Area -->
	<!--==================================================-->
	<!-- scrollup section -->
	<div class="prgoress_scrollup">
		<svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
			<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
		</svg>
	</div>

	<!--==================================================-->
	<!-- End scrollup section Area -->
	<!--==================================================-->


	<!-- jquery js -->
	<script src="static/js/jquery-3.6.2.min.js"></script>

	<script src="static/js/popper.min.js"></script>

	<!-- bootstrap js -->
	<script src="static/js/bootstrap.min.js"></script>

	<!-- carousel js -->
	<script src="static/js/owl.carousel.min.js"></script>

	<!-- counterup js -->
	<script src="static/js/jquery.counterup.min.js"></script>

	<!-- waypoints js -->
	<script src="static/js/waypoints.min.js"></script>

	<!-- wow js -->
	<script src="static/js/wow.min.js"></script>

	<!-- imagesloaded js -->
	<script src="static/js/imagesloaded.pkgd.min.js"></script>

	<!-- venobox js -->
	<script src="static/js/venobox.js"></script>

	<!--  animated-text js -->
	<script src="static/js/animated-text.js"></script>

	<!-- venobox min js -->
	<script src="static/js/venobox.min.js"></script>

	<!-- isotope js -->
	<script src="static/js/isotope.pkgd.min.js"></script>

	<!-- jquery meanmenu js -->
	<script src="static/js/jquery.meanmenu.js"></script>

	<!-- jquery scrollup js -->
	<script src="static/js/jquery.scrollUp.js"></script>

	<!-- Slick Slider -->
	<script src="static/js/slick.min.js"></script>

	<script src="static/js/jquery.barfiller.js"></script>
	<!-- jquery js -->

	<!-- ragrslider js -->
	<script src="static/js/rangeslider.js"></script>

	<!-- ragrslider js -->
	<script src="static/js/mixitup.min.js"></script>

	<!-- theme js -->
	<script src="static/js/theme.js"></script>

	<!-- scroll js -->
	<script src="static/js/script.js"></script>
	<script type="text/javascript">
		$('#myTab li a').click(function (e) {
			e.preventDefault();
			$(this).tab('show');
		});
	</script>

</body>

</html>